<template>
	<image class="lazyload" :class="{show:show}" :src="data" mode="widthFix"  @click="bindClick" lazy-load="true" @load="imgLoad()"></image>
</template>

<script>
	export default {
		props: {
			data: {
				type: Object,
				default: function(e) {
					return {}
				}
			},
		},
		data(){
			return{
				show:false
			}
		},
		methods: {
			bindClick() {
				this.$emit('click');
			},
			imgLoad(){
				this.show= true;
				console.log("====================data="+data);
			}
		},
	}
</script>

<style>

</style>
